<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<fieldset>
	<legend>${cod_pedido}</legend>
	<div align="right" >
	Buscar: <input name="filter" id="filter-box-detalle" value="" maxlength="30" size="30" type="text" align="right">
			<!-- <input id="filter-clear-button" type="submit" value="Limpiar"/> -->
	</div>
	<table  align="center" class="tablesorter" id="tb_detalle_pedido" width="100%">
							<thead>
							<tr class="ui-widget-header">
								<th width='25'>id_Suministro</th>
								<th width='120'>Descripcion</th>
								<th width='15'>Estado</th>
								<th width='15'>Un.Medida</th>
								<th  width='30'>Cant. Pedida</th>
								<th width='15'>Cant. Atendida</th>
								<th  width='30'>Observacion</th>
							</tr>
							</thead>
							<tbody>
							
							<c:forEach items="${lista_detalles}" var="detalle" >
					            <tr>
					                <td>${detalle.id_suministro}</td>
					                <td>${detalle.desc_suministro}</td>
					                <td>${detalle.estado}</td>
					                <td>${detalle.unidad_medida}</td>
					                <td>${detalle.cantidad}</td>
					                <td>${detalle.cantidad_atendida}</td>
					                <td>${detalle.observacion}</td>
					            </tr>   
					        </c:forEach>
					        </tbody>
</table>
 <div class="pager" id="pager_detalle" style=" position: inherit;" align="center">
			
				<img class="first" src="<c:url value="/images/first.png" />"src="first.png">
				<img class="prev" src="<c:url value="/images/prev.png" />"src="prev.png">
				<input type="text" class="pagedisplay" size="10">
				<img class="next" src="<c:url value="/images/next.png" />"src="next.png">
				<img class="last" src="<c:url value="/images/last.png" />"src="last.png">
					<select class="pagesize">
						<option value="5" selected="selected">5</option>
					</select>
				
			</div>
</fieldset>
<div align="center" style="margin:10px">
	<a id="btn_cerrar"></a>
</div>

<script type="text/javascript">
Utiles_Botones.creaBotonCerrar("btn_cerrar",function(){
	$('#dialog_pedidos_aceptados').unblock(); 
});

$("#tb_detalle_pedido") 
.tablesorter({widthFixed: true, widgets: ['zebra']})
.tablesorterPager({container: $("#pager_detalle"),size:5})
.tablesorterFilter({filterContainer: $("#filter-box-detalle"),
   // filterClearContainer: $("#filter-clear-button"),
    filterColumns: [0,1,2,3,4,5],
    filterCaseSensitive: false,
    filterWaitTime :200});
</script>
        
        